<template>
  <div>
    <!--demo1-->
    <vm-roll-notice height="30" style="background: #f2f2f2">
      <vm-roll-notice-item>hello1</vm-roll-notice-item>
      <vm-roll-notice-item>hello2</vm-roll-notice-item>
      <vm-roll-notice-item>hello3</vm-roll-notice-item>
    </vm-roll-notice>

    <div style="margin: 20px 0"></div>

    <!--demo2-->
    <vm-roll-notice direction="down" style="background: #f2f2f2" height="30">
      <vm-roll-notice-item>hello1</vm-roll-notice-item>
      <vm-roll-notice-item>hello2</vm-roll-notice-item>
      <vm-roll-notice-item>hello3</vm-roll-notice-item>
    </vm-roll-notice>
  </div>
</template>

<script>
  import '@/vmui/rollNotice'
  export default {
  }
</script>
